<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" 
			content="width=device-width, initial-scale=1.0" />
		<title>QQ超级会员-不做大多数</title>
		<link rel="shortcut icon" href="favicon.ico" type="favicon.ico" />
  		<link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css">
		<link rel="stylesheet" 
			href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/Membership.css" />
	</head>
	<body>
		<!--<header>-->
			<nav class="navbar navbar-expand-lg navbar-light bg-light">
				<div class="container">
			  <a class="navbar-brand" href="#"><img src="images/logo1234567.png" alt="" /></a>
			  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
			    <span class="navbar-toggler-icon"></span>
			  </button>
			  <div class="collapse navbar-collapse" id="navbarNav">
			    <ul class="navbar-nav">
			      <li class="nav-item ac-1 active">
			        <a class="nav-link" href="#">功能特权 <span class="sr-only">(current)</span></a>
			      	<div></div>
			      	<ul>
			      		<li><a href="">全部特权</a></li>
			      		<li><a href="">分等级特权</a></li>
			      	</ul>
			      </li>
			      <li class="nav-item">
			        <a class="nav-link" href="#">游戏特权</a>
			      </li>
			      <li class="nav-item">
			        <a class="nav-link" href="#">生活特权</a>
			      </li>
			      <li class="nav-item">
			        <a class="nav-link" href="#">装扮特权</a>
			      </li>
			      <li class="nav-item ac-5">
			        <a class="nav-link" href="#">会员活动</a>
			        <div></div>
			      	<ul>
			      		<li><a href="">全部活动</a></li>
			      		<li><a href="">靓号站</a></li>
			      	</ul>
			      </li>
			      <li class="nav-item ac-6">
			        <a class="nav-link" href="#">成长体系</a>
			        <div></div>
			      	<ul>
			      		<li><a href="">任务中心</a></li>
			      		<li><a href="">积分乐园</a></li>
			      		<li><a href="">排名中心</a></li>
			      	</ul>
			      </li>
			      <li class="nav-item">
			        <a class="nav-link" href="#">年费专区</a>
			      </li>
			      <li class="nav-item">
			        <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">大王卡特权</a>
			      </li>
			      <li class=" n-l">
			        <a class="nav-link" href="#">登录</a>
			      </li>
			      <li class=" n-r">
			        <a class="nav-link" href="#">开通超级会员</a>
			      </li>
			    </ul>
			  </div>
			  </div>
			</nav>
		<!--</header>-->
		<div class="main">
			<div class="container">
				<div class="wheel">
					<div class="swiper-container">
				    <div class="swiper-wrapper">
				      <div class="swiper-slide"><a href="#"><img title="DNF阿拉德" src="images/1561517934_1180x600.png" alt="" /></a></div>
				      <div class="swiper-slide"><a href="#"><img title="暑假福利-枪王进阶" src="images/1560519889_1180x600.png" alt="" /></a></div>
				      <div class="swiper-slide"><a href="#"><img title="DNF6月在线活动" src="images/1560519899_1180x600-2.png" alt="" /></a></div>
				      <div class="swiper-slide"><a href="#"><img title="CF主活动6.28" src="images/1561730854_1180x600.png" alt="" /></a></div>
				      <div class="swiper-slide"><a href="#"><img title="6.28逆战" src="images/1561730992_1180x600-....png" alt="" /></a></div>
				      <div class="swiper-slide"><a href="#"><img title="天刀" src="images/1561731198_banner1180x600.png" alt="" /></a></div>
				      <div class="swiper-slide"><a href="#"><img title="堡垒" src="images/1561730876_nizanbanner1180-600.png" alt="" /></a></div>
				    </div>
				    <!-- Add Pagination -->
				    <div class="swiper-pagination"></div>
				    <!-- Add Arrows -->
				    <div class="swiper-button-next"></div>
				    <div class="swiper-button-prev"></div>
				  </div>	
				</div>
				<div class="row text-center">
					<div class="col-md-3">
						<a href="#" class="vt vt-one" title="功能特权">
							<p>功能特权<br />超级会员 特权王者</p>
						</a>
					</div>
					<div class="col-md-3">
						<a href="#" class="vt vt-two" title="装扮特权">
							<p>装扮特权<br />超级会员 我有我风采</p>
						</a>
					</div>
					<div class="col-md-3">
						<a href="#" class="vt vt-three" title="游戏特权">
							<p>游戏特权<br />游戏礼包 专属福利</p>
						</a>
					</div>
					<div class="col-md-3">
						<a href="#" class="vt vt-four" title="生活特权">
							<p>生活特权<br />超多优惠福利</p>
						</a>
					</div>
				</div>
				<div class="row m-b text-center">
					<div class="col-md b-one">
						<a href="#">
							<i></i>
							<p>官方手Q账号</p>
						</a>
						<div class="chu-one">
							<div>
								<h6></h6>
								<img src="images/qq_qrcode_preview.jpg" alt="" />
							</div>
						</div>
					</div>
					<div class="col-md b-two">
						<a href="#">
							<i></i>
							<p>官方微信账号</p>
						</a>
						<div class="chu-one">
							<div>
								<h6></h6>
								<img src="images/1392709767_big.png" alt="" />
							</div>
						</div>
					</div>
					<div class="col-md b-three">
						<a href="#">
							<i></i>
							<p>兴趣部落</p>
						</a>
					</div>
					<div class="col-md b-four">
						<a href="#">
							<i></i>
							<p>官方空间</p>
						</a>
					</div>
					<div class="col-md b-five">
						<a href="#">
							<i></i>
							<p>话费开通专区</p>
						</a>
					</div>
					<div class="col-md b-six">
						<a href="#">
							<i></i>
							<p>兑换中心</p>
						</a>
					</div>
					<div class="col-md b-seven">
						<a href="#">
							<i></i>
							<p>客服中心</p>
						</a>
					</div>
				</div>
			</div>
		</div>
		<footer class="text-center">
			<p>Copyright © 1998 - 2019 Tencent . All Rights Reserved <br />腾讯公司 版权所有</p>
		</footer>
		<div class="footer-b">
			<div class="container">
				<img class="fb-l" src="images/footer_bar_logo.png" alt="" />
				<p>开通超级会员，做特权王者</p>
				<div class="fb-r">
					开通QQ会员
					<a href="#">开通超级会员&nbsp;&nbsp;&nbsp;<i></i></a>
				</div>
			</div>
		</div>
		<div id="qq" class="qqlink"><img src="images/logo (1).png"/>QQ官网</div>
		<div class="tz text-center">
			<h5 title="关闭">×</h5>
			<h3>该链接会跳转到一个新的页面，您确定要跳转么？</h3>
			<div>
				<a href="index.html">确定</a><p>取消</p>
			</div>
		</div>
		<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
		<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
		<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
		<script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
		<script src="js/Membership.js"></script>
	</body>
</html>
